home *** CD-ROM | disk | FTP | other *** search
/ SCI Games E3 2005 Press Kit (USA) / SCI Games E3 2005 Press Kit (USA).bin / Press_kit_assets / html / css.css < prev    next >
Cascading Style Sheet File  |  2005-05-05  |  3KB  |  208 lines

  1. body {
  2.     background-color: #333333;
  3.     margin: 0px;
  4.     color: #FFFFFF;
  5.     font-family: Verdana, Arial, Helvetica, sans-serif;
  6.     font-size: 12px;
  7.     text-align:center;
  8. }
  9.  
  10. #container {
  11.     width: 830px;
  12.     margin: 0 auto;
  13.     text-align:left;
  14. }
  15.  
  16. #header {
  17.     background-image: url(images/header.jpg);
  18.     height: 112px;
  19.     width: 830px;
  20.     clear:both;
  21.     position: relative;
  22. }
  23. #content {
  24.     width: 830px;
  25.     height:auto;
  26.     clear:both;
  27.     background-image: url(images/content_bg.jpg);
  28.     background-repeat: repeat-y;
  29.     position: relative;
  30.     margin: 0px;
  31. }
  32.  
  33. p{
  34.     margin:5px
  35. }
  36.  
  37. a {
  38.     color:#FFCC00;
  39.     text-decoration: none;    
  40. }
  41.  
  42. .productInfo{
  43.     margin:5px;
  44.     font-weight: bolder;
  45.     font-family: Arial, Helvetica, sans-serif;
  46. }
  47.  
  48. .packshot{
  49.     float:left;
  50.     display: block;
  51.     margin-left: 5px;
  52.     margin-bottom: 5px;
  53.     margin-right: 5px;
  54.     margin-top: 5px;
  55. }
  56.  
  57. #footer {
  58.     clear:both
  59.     position: relative;
  60. }
  61. #subHeader {
  62.     margin-left: 30px;
  63.     position: relative;
  64.     width: 770px;
  65. }
  66. #subContent {
  67.     position: relative;
  68.     margin-left: 30px;
  69.     width: 770px;
  70. }
  71.  
  72. #gameHeader {
  73.     position:relative;
  74.     width:auto;
  75.     height:116px;
  76.     background-color: #999999;
  77. }
  78.  
  79. #gameSectionHeaderEnd{
  80.       width: 181px;
  81.     float:left;
  82. }
  83. #gameSectionHeader{
  84.     width: 181px;
  85.     float:left;
  86.     margin-right: 15px;
  87. }
  88.  
  89.  
  90. #gameWritten{
  91.     width: 181px;
  92.     background-color: #999999;
  93.     height: 240px;
  94.     float:left;
  95. }
  96.  
  97. #gameArtwork{
  98.     width: 181px;
  99.     background-color: #999999;
  100.     height: 240px;
  101.     margin-left:14px;
  102.     float:left;
  103.  
  104. }
  105.  
  106. #gameScreenshots{
  107.     width: 181px;
  108.     background-color: #999999;
  109.     height: 240px;
  110.     margin-left:14px;
  111.     float:left;
  112. }
  113.  
  114. #gameVideo{
  115.     width: 181px;
  116.     background-color: #999999;
  117.     height: 240px;
  118.     margin-left:14px;
  119.     float:left;
  120. }
  121.  
  122. #gameVideo a , #gameWritten a , #gameScreenshots a , #gameArtwork a{
  123.     display:block;
  124.     width: 181px;
  125.     height: 240px;
  126.     background-image: url(images/standartrollover.jpg);
  127.     color: #FFFFFF;
  128.     text-decoration: none;
  129. }
  130.  
  131. #gameVideo a:hover, #gameWritten a:hover , #gameScreenshots a:hover , #gameArtwork a:hover{
  132.     display:block;
  133.     width: 181px;
  134.     height: 240px;
  135.     background-image: url(images/standartrollover_2.jpg);    
  136. }
  137.  
  138. #nav {
  139.     width: 215px;
  140.     display: inline;
  141.     top: 12px;
  142.     position: absolute;
  143.     left: 25px;
  144. }
  145.  
  146. #nav ul{
  147.     padding: 0;
  148.     margin:  0;
  149.     white-space: nowrap;
  150. }
  151. #nav ul li{
  152.     list-style-type: none;
  153.     display: inline;
  154. }
  155. #nav ul li a{
  156.     text-decoration: none;
  157.     vertical-align: top;
  158.     display: inline;
  159. }
  160.  
  161. #nav ul li a:hover, #nav ul li a:focus{
  162.     color: #ffffff;
  163.     background-image: url(images/rollover_bg.gif);
  164.    display: inline;
  165. }
  166.  
  167. #nav2 {
  168.     width: 215px;
  169.     display: inline;
  170.     top: 12px;
  171.     position: absolute;
  172.     left: 592px;
  173. }
  174.  
  175. #nav2 ul{
  176.     padding: 0;
  177.     margin:  0;
  178.     white-space: nowrap;
  179. }
  180. #nav2 ul li{
  181.     list-style-type: none;
  182.     display: inline;
  183. }
  184. #nav2 ul li a{
  185.     text-decoration: none;
  186.     vertical-align: top;
  187.     display: inline;
  188. }
  189.  
  190. #nav2 ul li a:hover, #nav ul li a:focus{
  191.     display: inline;
  192. }
  193.  
  194. .rollover a {
  195.     display:block;
  196.     background-color:#666666;
  197. }
  198. .rollover a:Hover {
  199.     display:block;
  200.     background-color:#7A7A7A;
  201.     
  202. }
  203.  
  204. .legal {
  205.     font-size: xx-small;
  206.     color: #666666;
  207. }
  208.